<template>
	<view class="share" v-show="showShare">
		<img src="../../static/img/share.png"alt="" class="img">
		<view class="closeBtn" @tap="hide()"></view>
	</view>
</template>

<script>
	export default {
		name:"barCon",
		data() {
			return {
				showShare:false
			}
		},
		created() {
			// console.log(option);
			// if(option.id) {
			// 	this.getIS_up(option.id);
			// }
			// this.getIS_up()
		},
		methods:{
			hide() {
				this.showShare = false;
			},
			show() {
				this.showShare = true;
			}
		}
	}
</script>

<style scoped lang="scss">
   .share {
	   position: fixed;
	   width: 100vw;
	   height: 100vh;
	   z-index: 99999;
	   background-color: rgba(0,0,0,0.5);
	   left: 0;
	   top:0;
	   bottom: 0;
	   img {
		   width: 80%;
		   float: right;
	   }
	   .closeBtn {
		   position: absolute;
		   width: 270rpx;
		   height: 100rpx;
		   
		   left:260rpx;
		   top:860rpx;  
	   }
   }
   
</style>